import * as React from 'react';
interface Props {
  style?: React.CSSProperties;
  onClick?: React.MouseEventHandler<SVGSVGElement>;
}
function SvgComponent(props: Props) {
  const { style } = props;

  return (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      viewBox="0 0 18 18"
      style={style}
      onClick={props.onClick}
    >
      <defs>
        <style>{'.cls-2{fill:#333}'}</style>
      </defs>
      <g id="\u56FE\u5C42_2" data-name="\u56FE\u5C42 2">
        <g id="\u56FE\u5C42_1-2" data-name="\u56FE\u5C42 1">
          <g id="\u7EC4_5418" data-name="\u7EC4 5418">
            <path
              id="\u77E9\u5F62_3258"
              d="M0 0h18v18H0z"
              data-name="\u77E9\u5F62 3258"
              style={{
                fill: 'none',
              }}
            />
            <g id="\u7EC4_5417" data-name="\u7EC4 5417">
              <path
                id="\u8FD4_\u56DE"
                d="M4.4 4a.43.43 0 0 1 .28.11l5 4.65a.34.34 0 0 1 0 .49l-5 4.66a.43.43 0 0 1-.56 0 .36.36 0 0 1 0-.49L8.86 9 4.12 4.61a.35.35 0 0 1 0-.49A.43.43 0 0 1 4.4 4Z"
                className="cls-2"
                data-name="\u8FD4 \u56DE"
              />
              <path
                id="\u8FD4_\u56DE-2"
                d="M8.58 4a.43.43 0 0 1 .28.11l5 4.65a.34.34 0 0 1 0 .49l-5 4.66a.43.43 0 0 1-.56 0 .36.36 0 0 1 0-.49L13 9 8.3 4.61a.35.35 0 0 1 0-.49.41.41 0 0 1 .28-.12Z"
                className="cls-2"
                data-name="\u8FD4 \u56DE-2"
              />
            </g>
          </g>
        </g>
      </g>
    </svg>
  );
}

export default SvgComponent;
